<script lang="ts" setup>
defineProps<{
  title: string
  isEnd?: boolean
}>()
</script>

<template>
  <view between w-full min-h-100 px-5 box-border relative hover-class="navigator-hover">
    <text>{{ title }}</text>
    <view center>
      <view mr-2 text="24 #aaaaaa">
        <slot name="extra" />
      </view>
      <slot>
        <image src="@/static/images/icons/common/arrow_right.svg" w-14rpx h-24rpx />
      </slot>
    </view>
    <view v-if="!isEnd" absolute h-1 bg="#d7d7d7" bottom-0 left-40 op-40 style="width: calc(100vw - 80rpx)" />
  </view>
</template>
